import { loginAPI } from '@/api/user'
import { getToken, setToken, removeToken } from '@/utils/auth'

export default {
  namespaced: true,
  // 将用户信息存储在Vuex，state声明数据
  state: {
    token: getToken() || ''
  },
  // 操作state数据的唯一入口
  mutations: {
    // mutations中的方法，只有一种调用方式store.commit('方法名'),并没有方法名()这种调用方法
    setToken(state, token) {
      state.token = token
      // 将token存在cookei持久化
      setToken(token)
    },
    clearUserInfo(state) {
      state.token = ''
      removeToken()
    }
  },
  // 异步请求后端接口，通过commit给Mutations数据，store=this.$store
  actions: {
    async loginAction(store, loginForm) {
      const res = await loginAPI(loginForm)
      // 调用mutations中的setToken方法
      store.commit('setToken', res.data.token)
    }
  }
}
